<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Normalize CSS -->
    <link rel="stylesheet" href="https://unpkg.com/normalize.css/normalize.css">
    <!-- Estilos personalizados -->
    <link rel="stylesheet" href="css/styles.css">
    <!-- Jam Icons -->
    <link rel="stylesheet" href="https://unpkg.com/jam-icons/css/jam.min.css">
    <title>Proyectos | EDSoft</title>
</head>
<body>
    <!-- Cabecera (Logo y barra de navegación) -->
    <header class="main-header">
        <div class="content-wrapper">
            <a href="index.html">
                <img src="images/logo.svg" alt="EDSoft">
            </a>
            <span id="open-menu-button" class="jam jam-menu"></span>
            <nav id="main-menu" class="main-menu">
                <span id="close-menu-button" class="jam jam-close"></span>
                <ul>
                    <li><a href="index.html">Inicio</a></li>
                    <li><a href="nosotros.html">¿Quiénes somos?</a></li>
                    <li><a href="proyectos.html">Proyectos</a></li>
                    <li><a href="contacto.html">Contacto</a></li>
                </ul>
            </nav>
        </div>
    </header>

    <main class="main">
        <section class="section-container projects-section">
            <div class="content-wrapper">
                <h1>Nuestros proyectos</h1>
                <div class="projects-page-container">
                    <article class="card-project">
                        <div class="image-container">
                            <img src="images/proyects/project-1.jpg" alt="Proyecto 1">
                        </div>
                        <div>
                            <h3>Proyecto 1</h3>
                            <p>Construcción de una aplicación web para nuestro cliente en Australia.</p>
                            <a href="" target="_blank">Ver proyecto</a>
                        </div>
                    </article>
                    <article class="card-project">
                        <div class="image-container">
                            <img src="images/proyects/project-2.jpg" alt="Proyecto 2">
                        </div>
                        <div>
                            <h3>Proyecto 2</h3>
                            <p>Construcción de una aplicación web para nuestro cliente en México.</p>
                            <a href="" target="_blank">Ver proyecto</a>
                        </div>
                    </article>
                    <article class="card-project">
                        <div class="image-container">
                            <img src="images/proyects/project-3.jpg" alt="Proyecto 3">
                        </div>
                        <div>
                            <h3>Proyecto 3</h3>
                            <p>Construcción de una aplicación web para nuestro cliente en Colombia.</p>
                            <a href="" target="_blank">Ver proyecto</a>
                        </div>
                    </article>
                    <article class="card-project">
                        <div class="image-container">
                            <img src="images/proyects/project-4.jpg" alt="Proyecto 4">
                        </div>
                        <div>
                            <h3>Proyecto 4</h3>
                            <p>Construcción de una aplicación web para nuestro cliente en Venezuela.</p>
                            <a href="" target="_blank">Ver proyecto</a>
                        </div>
                    </article>
                    <article class="card-project">
                        <div class="image-container">
                            <img src="images/proyects/project-5.jpg" alt="Proyecto 5">
                        </div>
                        <div>
                            <h3>Proyecto 5</h3>
                            <p>Construcción de una aplicación web para nuestro cliente en Ecuador.</p>
                            <a href="" target="_blank">Ver proyecto</a>
                        </div>
                    </article>
                </div>
            </div>
        </section>
    </main>

    <footer class="main-footer">
        <p><small>Todos los derechos reservados &copy; | EDSoft tech labs agency</small></p>
    </footer>

    <script src="js/menu.js"></script>
</body>
</html>
